/**
 * @copyright   2010-2017, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@include export("tabs") {
    #{generate-class-name($titon-tabs, "nav")} {
        > ol {
            @extend %placeholder-list;
            display: flex;
        }
    }

    #{generate-class-name($titon-tabs, "section")} {
        padding: theme-setting("medium-padding");

        // Add display none on sections since visibility property takes up DOM space
        &:not(.is-expanded) {
            display: none;
        }
    }
}
